<template>
    <div class="title tanxin" >
        <div class="tanxin">
            <h2>全部</h2>

        </div>
        
        <span class="hot">热门</span>
    </div>
</template>

<script>
export default {
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
    @import "../../assets/base.less";
    .title{
        // width: 689px;
        margin: 0px 20px;
        padding-top: 30px;
        background-color: #f5f5f5;
        border-bottom: 2px solid #a40011;
        display: flex;

        h2{
            line-height: 33px;
            text-align: center;
            font-size: 20px;
            color: #333;
        }
        ul{
            li{
                padding: 0 20px;
                border-right: 1px solid #ccc;
                font-size: 12px;
                color: #666;
                text-align: center;
                // line-height: 33px;
                height: 16px;
                margin-top: 10px;
                cursor: pointer;
                &:hover{
                    text-decoration: underline;
                }
                &:last-of-type{
                    border: 0;
                }
            }
        }
        span{

        }
    }
</style>